bodyB {
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
      margin-top: 50px;
    }

    .control-panelB {
      display: grid;
      grid-template-columns: repeat(3, 35px);
      grid-template-rows: repeat(3, 35px);
      gap: 10px;
      align-items: center;
      justify-items: center;
    }

    .control-panelB button {
    width: 35px;
    height: 35px;
    font-size: 24px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s;
  }

  .control-panelB button:hover {
    background-color: #0056b3;
  }

    /* Zoom buttons */
    .zoom-inB {
      grid-column: 1;
      grid-row: 1;
    }

    .upB {
      grid-column: 2;
      grid-row: 1;
    }

    .zoom-outB {
      grid-column: 3;
      grid-row: 1;
    }

    .leftB {
      grid-column: 1;
      grid-row: 2;
    }

    .downB {
      grid-column: 2;
      grid-row: 2;
    }

    .rightB {
      grid-column: 3;
      grid-row: 2;
    }